
.el-row-father{
    width: 100%;
    height: 100%;
    background: #FFF;
    .el-row-fa{
        width: 100%;
        height: 100%;
        padding: 40px;
        display: flex;
        // background-color: cadetblue;
        flex-direction: column;
        justify-content: space-between;
        .row2{
            display: flex;
            justify-content: space-between;
            height: 249px;
            .center{
                margin: 0 40px;
            }
            .el-col-8{
                display: flex;
                flex-direction: column;
                width: 503px;
                height: 230px;
                padding: 40px;
                border-radius: 24px;
                background:url(../images/peach-svg/homepage/Frame95.svg)no-repeat 0 0;
                justify-content: space-between;
                .el-col-text{   
                    font-size: 16px;
                    color: #060606;
                }   
                .el-col-num{
                    font-size: 40px;
                    color: #060606;
                    font-weight: 700;
                    font-family:Roboto;
                }
            }
            .el-col-82{
                display: flex;
                flex-direction: column;
                width: 503px;
                height: 230px;
                padding: 40px;
                border-radius: 24px;
                background:url(../images/peach-svg/homepage/center.svg)no-repeat 0 0;
                justify-content: space-between;
                .el-col-text{   
                    font-size: 16px;
                    color: #060606;
                }   
                .el-col-num{
                    font-size: 40px;
                    color: #060606;
                    font-weight: 700;
                    font-family:Roboto;
                }
            }        
            .el-col-81{
                display: flex;
                flex-direction: column;
                width: 503px;
                height: 230px;
                padding: 40px;
                border-radius: 24px;
                justify-content: space-between;
                background:url(../images/peach-svg/homepage/f82.svg)no-repeat 0 0;
                margin: 0 30px;
                .el-col-text{   
                    font-size: 16px;
                    color: #060606;
                }   
                .el-col-num{
                    font-size: 40px;
                    color: #060606;
                    font-weight: 700;
                    font-family:Roboto;
                }                
            }
            .el-col-83{
                display: flex;
                flex-direction: column;
                width: 503px;
                height: 230px;
                padding: 40px;
                border-radius: 24px;
                background:url(../images/peach-svg/homepage/f83.svg)no-repeat 0 0;
                justify-content: space-between;
                .el-col-text{   
                    font-size: 16px;
                    color: #060606;
                }   
                .el-col-num{
                    font-size: 40px;
                    color: #060606;
                    font-weight: 700;
                    font-family:Roboto;
                }
            }
            .el-col-84{
                display: flex;
                flex-direction: column;
                width: 503px;
                height: 230px;
                padding: 40px;
                border-radius: 24px;
                background:url(../images/peach-svg/homepage/f4.svg)no-repeat 0 0;
                justify-content: space-between;
                .el-col-text{   
                    font-size: 16px;
                    color: #060606;
                }   
                .el-col-num{
                    font-size: 40px;
                    color: #060606;
                    font-weight: 700;
                    font-family:Roboto;
                }
            }        
            .el-col-85{
                display: flex;
                flex-direction: column;
                width: 503px;
                height: 230px;
                padding: 40px;
                border-radius: 24px;
                justify-content: space-between;
                background:url(../images/peach-svg/homepage/f5.svg)no-repeat 0 0;
                margin: 0 30px;
                .el-col-text{   
                    font-size: 16px;
                    color: #060606;
                }   
                .el-col-num{
                    font-size: 40px;
                    color: #060606;
                    font-weight: 700;
                    font-family:Roboto;
                }                
            }        
        }
        .elcol-span{
            font-size: 28px;
            color: #060606;
            font-weight: 700;
            letter-spacing: 6px;
        }
        .bottom{
            width: 100%;
            // height: 232px;
            border-radius: 24px;
            background-color: #2584FE;
            display: flex;
            align-items: center;
            height: 222px;
            .bottom-svg{
                margin-left: 40px;
            }
            .bottom-span{
                margin-left: 40px;
                font-size: 28px;
                color: #FFFFFF;
                font-weight: 700;
            }
            .bottom-count{
                font-size: 16px;
                color: #FFFFFF;
                margin-left: 218px;
                display: flex;
                align-items: center;
                p{
                    margin-left: 10px;
                    font-weight: 700;
                    font-size: 40px;
                    color: #FFFFFF;
                }
            }
            .bottom-count2{
                font-size: 16px;
                color: #FFFFFF;
                margin-left: 364px;
                display: flex;
                align-items: center;
                p{
                    margin-left: 10px;
                    font-weight: 700;
                    font-size: 40px;
                    color: #FFFFFF;
                }
            }
        }
    }
}
.login{
    height: 100%;
    width: 100%;
    .login-chil{
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        height: 100%;
        background:url(../images/peach-svg/homepage/bglogin.svg)no-repeat 0 0;
        background-size: cover;
    }
    .login-input{
        width: 560px;
        height: 669px;
        flex-direction: column;
        justify-content: center;
        box-shadow: -46px 11px 114px 0px #D5D7E080;
        border-radius: 24px;
        background: #fff;
        align-items: center;
        display: flex;

        .login-input-span{
            font-size: 40px;
            color: #060606;
        }
        .chil-cloum{
            margin-top: 55px;
            display: flex;
            flex-direction: column;
            span{
                font-size: 16px;
                color: #060606;
                margin-bottom: 16px;
            }
            input{
                height: 56px;
                border-radius: 8px;
                font-size: 16px;
                width: 400px;
                padding-left: 52px !important;
            }
            .el-input__prefix{
                left: 15px !important;
                top: 2px !important;
                color: #A5ADBD !important;
            }            
        }
        .chil-cloum2{
            margin-top: 36px;
            margin-bottom: 36px;
            display: flex;
            flex-direction: column;
            span{
                font-size: 16px;
                color: #060606;
                margin-bottom: 16px;
            }
            input{
                height: 56px;
                width: 400px;
                border-radius: 8px;
                padding-left: 52px !important;
                font-size: 16px;
            }
            .el-input__prefix{
                left: 15px !important;
                top: 2px !important;
                color: #A5ADBD !important;
            }
        }
        button{
            height: 48px;
            background-color: #0559FD;
            border-radius: 8px;
            width: 400px;
            span{
                font-size: 16px;
                color: #FFFFFF;
            }
        }
    }
}
.el-weltwo{
    width: 100%;
    height: 100%;
    background: #FFF;
    .el-row-fa{
        width: 100%;
        height: 100%;
        padding: 40px;
        display: flex;
        // background-color: cadetblue;
        flex-direction: column;
        justify-content: space-between;
        .elcol-span{
            font-size: 28px;
            color: #060606;
            font-weight: 700;
            letter-spacing: 6px;
            margin-bottom: 20px;
        }
        .elcol-span2{
            font-size: 28px;
            color: #060606;
            font-weight: 700;
            letter-spacing: 6px;
            margin-top: 20px;
        }
        .row2{
            display: flex;
            justify-content: space-between;
            height: 249px;
            .center{
                margin: 0 40px;
            }
            .el-col-8{
                display: flex;
                flex-direction: column;
                width: 503px;
                height: 100%;
                padding: 40px;
                border-radius: 24px;
                background:url(../images/peach-svg/homepage/Frame95.svg)no-repeat 0 0;
                justify-content: space-between;
                .el-col-text{   
                    font-size: 16px;
                    color: #060606;
                }   
                .el-col-num{
                    font-size: 40px;
                    color: #060606;
                    font-weight: 500;
                    font-family:Roboto;
                }
            }
            .el-col-82{
                display: flex;
                flex-direction: column;
                width: 503px;
                height: 100%;
                padding: 40px;
                border-radius: 24px;
                background:url(../images/peach-svg/homepage/center.svg)no-repeat 0 0;
                justify-content: space-between;
                .el-col-text{   
                    font-size: 16px;
                    color: #060606;
                }   
                .el-col-num{
                    font-size: 40px;
                    color: #060606;
                    font-weight: 500;
                    font-family:Roboto;
                }
            }        
            .el-col-81{
                display: flex;
                flex-direction: column;
                width: 503px;
                height: 100%;
                padding: 40px;
                border-radius: 24px;
                justify-content: space-between;
                background:url(../images/peach-svg/homepage/f82.svg)no-repeat 0 0;
                margin: 0 30px;
                .el-col-text{   
                    font-size: 16px;
                    color: #060606;
                }   
                .el-col-num{
                    font-size: 40px;
                    color: #060606;
                    font-weight: 500;
                    font-family:Roboto;
                }                
            }
        }
        .weldown{
            // margin-top: 32px;
            display: flex;
            flex-wrap: wrap;
            height: 100%;
            overflow: scroll;
            .wel-box{
                margin-bottom: 20px;
                width: 192px;
                height: 204px;
                border-radius: 16px;
                background: #FFFFFF;
                box-shadow: 2px 18px 20px rgba(40, 41, 61, 0.04);
                // margin-right: 0px;
                margin-right: 20px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                padding-left: 25px;
                img{
                    width: 48px;
                    height: 48px;
                }
                span:last-child{
                    font-size: 28px;
                    color: #060606;
                }
                span:first-of-type{
                    margin: 20px 0 10px 0;
                    font-size: 16px;
                    color: #6E747F;
                }
            }
        }
    }
}
.el-welthree{
    width: 100%;
    height: 100%;
    padding: 40px;
    .eltop{
        position: absolute;
        left: 40px;
        right: 521px;
        height: 156px;
        display: flex;
        justify-content: space-between;
        .eltopchil{
            width: 100%;
            display: flex;
            justify-content: space-between;
            .eltop1{
                width: 343px;
                background-color: #FFFFFF;
                height: 100%;
                border-radius: 24px;
                display: flex;
                align-items: center;
                span:first-child{
                    font-weight: 500;
                    font-size: 32px;
                    line-height: 32px;
                    color: #060606;
                    margin-bottom: 10px;
                }
                span:last-child{
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 16px;
                    color: #6E747F;
                }
                img{
                    width: 80px;
                    height: 92px;
                    margin-left: 32px;
                    margin-right: 15px;
                }
                div{
                    display: flex;
                    flex-direction: column;
                }
            }
        }

    }
    .staticData ,.staticData .vxe-table,.staticData .vxe-grid{
        height: 100% !important;
    }
    .vxe-table .vxe-table--body-wrapper{
        background-color: transparent !important;
        position: absolute;
        height: 88% !important;
        width: 100% !important;
    }
    .vxe-toolbar{
        height: 0 !important;
    }
    .elbottom .table .vxe-grid--pager-wrapper{
        position: absolute;
        bottom: 0px;
        left: 20px;
    }
    .elbottom{
        background-color: #FFFFFF;
        position: absolute;
        top: 236px;
        right: 521px;
        left: 40px;
        bottom: 40px;
        border-radius: 24px;
        .eluser{
            font-size: 28px;
            color: #060606;
            letter-spacing: 6px;
            font-weight: 700;
            position: absolute;
            left: 40px;
            top: 40px;
        }
        .table{
            position: absolute;
            top: 115px;
            width: 100%;
            bottom: 30px;

        }
    }
    .elright{
        border-radius: 24px;
        background-color: #fff;
        position: absolute;
        top: 40px;
        right: 40px;
        width: 450px;
        bottom: 40px;
        border: 24px;
        padding: 100px 40px 35px 40px;
        .elrightitle{
            font-size: 28px;
            color: #060606;
            letter-spacing: 6px;
            font-weight: 700;
            position: absolute;
            left: 40px;
            top: 40px;
        }
        .elrightlist{
            width: 100%;
            height: 100%;
            background-color: #FFFFFF;
            display: flex;
            flex-direction: column;
            overflow-y: scroll;
            .wel-box{
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 30px;
                div:first-child{
                    span{
                        font-weight: 400;
                        font-size: 16px;
                        line-height: 16px;
                        color: #6E747F;
                        margin-left: 15px;
                    }
                }
                span{
                    font-style: normal;
                    font-weight: 400;
                    font-size: 28px;
                    line-height: 28px;
                    color: #060606;
                    }
            }
        }
    }
}
